import React, { useEffect, Suspense } from 'react'
import { useRoutes } from 'react-router-dom'
import Head from '@/components/Head'
import ScrollTab from '@/components/ScrollTab'
import routerConfig from '../routes/index'

function App() {
  
  const Element = () => useRoutes(routerConfig)

  return (
    <div className="mhy-main-page">
      <div className="flexd">
        <Head />
        <ScrollTab />
      </div>
      <div className="page-container home-page-container">
        <Element />
      </div>
    </div>
  )
}

export default App
